216. Araxis Merge File Comparison Report

Produced by Araxis Merge on 2020-08-14 00:01:44 +0000. See www.araxis.com for information about Merge. This report uses XHTML and CSS2, and is best viewed with a modern standards-compliant browser. For optimum results when printing this report, use landscape orientation and enable printing of background images and colours in your browser.

216.1 Files compared

#LocationFileLast Modified
1Porto v3.2.3/Magento 2.x/Porto Theme/pub/media/porto/web/css/headertype5.css2018-06-10 18:02:04 +0000
2Porto v3.2.4/Magento 2.x/Porto Theme/pub/media/porto/web/css/headertype5.css2018-06-10 18:02:04 +0000

216.2 Comparison summary

DescriptionBetween
Files 1 and 2
Text BlocksLines
Unchanged1458
Changed00
Inserted00
Removed00

216.3 Comparison options

WhitespaceConsecutive whitespace is treated as a single space
Character caseDifferences in character case are significant
Line endingsDifferences in line endings (CR and LF characters) are ignored
CR/LF charactersNot shown in the comparison detail
Active line-pairing rules

216.4 Active regular expressions

No regular expressions were active.

216.5 Comparison detail

1 @media only screen and (max-width:767px){ 1 @media only screen and (max-width:767px){
2     .page-header.type5 .nav-toggle{float:right;margin-left:10px} 2     .page-header.type5 .nav-toggle{float:right;margin-left:10px}
3     .page-header.type5 .logo{height:40px;float:left;margin:10px 0} 3     .page-header.type5 .logo{height:40px;float:left;margin:10px 0}
4     .page-header.type5 .logo img{max-width:100%;max-height:100%;width:auto} 4     .page-header.type5 .logo img{max-width:100%;max-height:100%;width:auto}
5     .page-header.type5 .minicart-wrapper{position:relative;top:auto;right:auto;left:auto;margin:10px 0;float:right} 5     .page-header.type5 .minicart-wrapper{position:relative;top:auto;right:auto;left:auto;margin:10px 0;float:right}
6     .page-header.type5 .search-toggle-icon{display:none} 6     .page-header.type5 .search-toggle-icon{display:none}
7     .page-header.type5 .block-search .label{float:right;margin-right:0;margin-top:15px} 7     .page-header.type5 .block-search .label{float:right;margin-right:0;margin-top:15px}
8 } 8 }
9 @media all and (min-width:768px),print{ 9 @media all and (min-width:768px),print{
10     header.page-header.sticky-header.type5 .nav-sections{background-color:#fff} 10     header.page-header.sticky-header.type5 .nav-sections{background-color:#fff}
11     header.page-header.sticky-header.type5 .navigation>ul{padding-right:70px;text-align:left} 11     header.page-header.sticky-header.type5 .navigation>ul{padding-right:70px;text-align:left}
12     header.page-header.sticky-header.type5 .minicart-wrapper{margin-top:-25px} 12     header.page-header.sticky-header.type5 .minicart-wrapper{margin-top:-25px}
13     header.page-header.header-newskin.sticky-header.type5 .minicart-wrapper{margin-top:-18px} 13     header.page-header.header-newskin.sticky-header.type5 .minicart-wrapper{margin-top:-18px}
14     .page-header.type5{border-top:0} 14     .page-header.type5{border-top:0}
15     .page-header.type5:not(.header-newskin) .panel.header .switcher{padding:0 15px;border-left:1px solid #ccc} 15     .page-header.type5:not(.header-newskin) .panel.header .switcher{padding:0 15px;border-left:1px solid #ccc}
16     .page-header.type5 .header.content{display:block;vertical-align:middle;padding:28px 15px} 16     .page-header.type5 .header.content{display:block;vertical-align:middle;padding:28px 15px}
17     .page-header.type5 .logo{float:left;display:block;margin:0 25px 0 0} 17     .page-header.type5 .logo{float:left;display:block;margin:0 25px 0 0}
18     .page-header.type5:not(.header-newskin) .search-area{position:relative;margin:0;display:block;float:right;top:0;left:0;height:50px;z-index:2} 18     .page-header.type5:not(.header-newskin) .search-area{position:relative;margin:0;display:block;float:right;top:0;left:0;height:50px;z-index:2}
19     .page-header.type5:not(.header-newskin) .search-area>a{color:#08c;line-height:50px;display:block;margin-right:10px;margin-left:20px;width:25px;text-align:center} 19     .page-header.type5:not(.header-newskin) .search-area>a{color:#08c;line-height:50px;display:block;margin-right:10px;margin-left:20px;width:25px;text-align:center}
20     .page-header.type5:not(.header-newskin) .search-area>a:hover{color:#08c} 20     .page-header.type5:not(.header-newskin) .search-area>a:hover{color:#08c}
21     .page-header.type5:not(.header-newskin) .block-search{display:none;position:absolute;right:-20px;top:100%;margin-top:20px} 21     .page-header.type5:not(.header-newskin) .block-search{display:none;position:absolute;right:-20px;top:100%;margin-top:20px}
22     .page-header.type5:not(.header-newskin) .block-search:before{content:"";display:block;position:absolute;top:-20px;right:20px;border:10px solid transparent;border-bottom-color:#ccc} 22     .page-header.type5:not(.header-newskin) .block-search:before{content:"";display:block;position:absolute;top:-20px;right:20px;border:10px solid transparent;border-bottom-color:#ccc}
23     .page-header.type5:not(.header-newskin) .block-search input{height:45px;border-radius:25px;border:5px solid #ccc} 23     .page-header.type5:not(.header-newskin) .block-search input{height:45px;border-radius:25px;border:5px solid #ccc}
24     .page-header.type5:not(.header-newskin) .block-search .action.search{right:5px;height:45px;border-left:1px solid #ccc;width:40px} 24     .page-header.type5:not(.header-newskin) .block-search .action.search{right:5px;height:45px;border-left:1px solid #ccc;width:40px}
25     .page-header.type5:not(.header-newskin) .block-search .action.search:before{color:#08c} 25     .page-header.type5:not(.header-newskin) .block-search .action.search:before{color:#08c}
26     .page-header.type5:not(.header-newskin) .minicart-wrapper{position:relative;top:0;margin:0;float:right;height:50px;right:0;padding:5px 0} 26     .page-header.type5:not(.header-newskin) .minicart-wrapper{position:relative;top:0;margin:0;float:right;height:50px;right:0;padding:5px 0}
27     .page-header.type5:not(.header-newskin) .minicart-wrapper .action.showcart{display:block} 27     .page-header.type5:not(.header-newskin) .minicart-wrapper .action.showcart{display:block}
28     .page-header.type5:not(.header-newskin) .minicart-wrapper .action.showcart:before,.page-header.type5 .minicart-wrapper .action.showcart.active:before{color:#08c;font-size:18px;overflow:visible;vertical-align:middle} 28     .page-header.type5:not(.header-newskin) .minicart-wrapper .action.showcart:before,.page-header.type5 .minicart-wrapper .action.showcart.active:before{color:#08c;font-size:18px;overflow:visible;vertical-align:middle}
29     .page-header.type5:not(.header-newskin) .minicart-wrapper .action.showcart .counter.qty{position:static;vertical-align:middle;margin:0;padding:0;font-size:11px;font-weight:400;height:auto;line-height:40px;text-transform:uppercase;width:auto;min-width:0;color:#08c} 29     .page-header.type5:not(.header-newskin) .minicart-wrapper .action.showcart .counter.qty{position:static;vertical-align:middle;margin:0;padding:0;font-size:11px;font-weight:400;height:auto;line-height:40px;text-transform:uppercase;width:auto;min-width:0;color:#08c}
30     .page-header.type5:not(.header-newskin) .minicart-wrapper .action.showcart .counter-label{display:inline-block;position:static;overflow:visible;width:auto;margin:0} 30     .page-header.type5:not(.header-newskin) .minicart-wrapper .action.showcart .counter-label{display:inline-block;position:static;overflow:visible;width:auto;margin:0}
31     .page-header.type5 .nav-sections{pointer-events:none} 31     .page-header.type5 .nav-sections{pointer-events:none}
32     .page-header.type5 .navigation{padding:10px 0} 32     .page-header.type5 .navigation{padding:10px 0}
33     .page-header.type5 .navigation>ul{text-align:right} 33     .page-header.type5 .navigation>ul{text-align:right}
34     .page-header.type5 .navigation>ul>li{pointer-events:all;text-align:left} 34     .page-header.type5 .navigation>ul>li{pointer-events:all;text-align:left}
35     .page-header.type5:not(.header-newskin) .navigation .level0>.level-top{color:#3d3734;line-height:30px;display:inline-block;transition-delay:0.3s} 35     .page-header.type5:not(.header-newskin) .navigation .level0>.level-top{color:#3d3734;line-height:30px;display:inline-block;transition-delay:0.3s}
36     .page-header.type5:not(.header-newskin) .navigation .level0.active>.level-top,.page-header.type5 .navigation .level0.has-active>.level-top{color:#fff;background-color:#3d3734;border-radius:5px} 36     .page-header.type5:not(.header-newskin) .navigation .level0.active>.level-top,.page-header.type5 .navigation .level0.has-active>.level-top{color:#fff;background-color:#3d3734;border-radius:5px}
37     .page-header.type5:not(.header-newskin) .navigation .level0.parent>a:after{line-height:30px} 37     .page-header.type5:not(.header-newskin) .navigation .level0.parent>a:after{line-height:30px}
38     .page-header.type5:not(.header-newskin) .navigation .level0.parent:hover>.level-top{border-radius:5px 5px 0 0} 38     .page-header.type5:not(.header-newskin) .navigation .level0.parent:hover>.level-top{border-radius:5px 5px 0 0}
39     .page-header.type5:not(.header-newskin) .navigation .level0:hover>.level-top{color:#fff;background-color:#3d3734;border-radius:5px} 39     .page-header.type5:not(.header-newskin) .navigation .level0:hover>.level-top{color:#fff;background-color:#3d3734;border-radius:5px}
40 } 40 }
41  41 
42 .page-header.type5.header-newskin {border:none;} 42 .page-header.type5.header-newskin {border:none;}
43 @media (min-width: 768px) { 43 @media (min-width: 768px) {
44     .cms-index-index .page-header.type5.header-newskin {background-color: transparent;position: absolute;width: 100%;top:0;} 44     .cms-index-index .page-header.type5.header-newskin {background-color: transparent;position: absolute;width: 100%;top:0;}
45     .page-header.type5.header-newskin .panel.wrapper { 45     .page-header.type5.header-newskin .panel.wrapper {
46         border-bottom: #f2f2f3 solid 1px; 46         border-bottom: #f2f2f3 solid 1px;
47         font-weight: 400; 47         font-weight: 400;
48         font-size: 13px; 48         font-size: 13px;
49         letter-spacing: 0.01em; 49         letter-spacing: 0.01em;
50     } 50     }
51     .page-header.type5 .sw-megamenu.navigation li.level0.fl-right { 51     .page-header.type5 .sw-megamenu.navigation li.level0.fl-right {
52         float: none; 52         float: none;
53     } 53     }
54     .page-header.type5.header-newskin .header.panel {padding-top: 12px;padding-bottom: 9px;} 54     .page-header.type5.header-newskin .header.panel {padding-top: 12px;padding-bottom: 9px;}
55     .page-header.type5.header-newskin .panel.header .switcher { 55     .page-header.type5.header-newskin .panel.header .switcher {
56         padding: 0 30px 0 0; 56         padding: 0 30px 0 0;
57         text-transform: uppercase; 57         text-transform: uppercase;
58         margin-top: 1px; 58         margin-top: 1px;
59         letter-spacing: 0.025em; 59         letter-spacing: 0.025em;
60         font-size: 11px; 60         font-size: 11px;
61     } 61     }
62     .page-header.type5.header-newskin .custom-block {float: right;margin-right: 20px;} 62     .page-header.type5.header-newskin .custom-block {float: right;margin-right: 20px;}
63     .page-header.type5.header-newskin .custom-block span {color:inherit !important;line-height: 1 !important;} 63     .page-header.type5.header-newskin .custom-block span {color:inherit !important;line-height: 1 !important;}
64     .page-header.type5.header-newskin .top-links-area { 64     .page-header.type5.header-newskin .top-links-area {
65         position: relative; 65         position: relative;
66         display: inline-block; 66         display: inline-block;
67         float: right; 67         float: right;
68     }     68     }    
69     .page-header.type5.header-newskin .top-links-icon {display: none;} 69     .page-header.type5.header-newskin .top-links-icon {display: none;}
70  70 
71     .page-header.type5.header-newskin .panel.header .top-links-area ul { 71     .page-header.type5.header-newskin .panel.header .top-links-area ul {
72         display: inline-block; 72         display: inline-block;
73         margin: 0; 73         margin: 0;
74         padding: 0; 74         padding: 0;
75     } 75     }
76     .page-header.type5.header-newskin .panel.header .top-links-area ul li { 76     .page-header.type5.header-newskin .panel.header .top-links-area ul li {
77         display: inline-block; 77         display: inline-block;
78         margin: 0; 78         margin: 0;
79         text-transform: uppercase; 79         text-transform: uppercase;
80     } 80     }
81     .page-header.type5.header-newskin .panel.header .top-links-area ul li a { 81     .page-header.type5.header-newskin .panel.header .top-links-area ul li a {
82         padding: 0 10px; 82         padding: 0 10px;
83     } 83     }
84     .page-header.type5.header-newskin .panel.header .top-links-area ul li > span { 84     .page-header.type5.header-newskin .panel.header .top-links-area ul li > span {
85         padding: 0 10px; 85         padding: 0 10px;
86     }  86     } 
87     .page-header.type5.header-newskin .header.content { 87     .page-header.type5.header-newskin .header.content {
88         display: block; 88         display: block;
89         vertical-align: middle; 89         vertical-align: middle;
90         padding: 18px 15px; 90         padding: 18px 15px;
91     } 91     }
92     .page-header.type5.header-newskin .logo { 92     .page-header.type5.header-newskin .logo {
93         float: left; 93         float: left;
94         display: block; 94         display: block;
95         margin: 0 25px 0 0; 95         margin: 0 25px 0 0;
96     } 96     }
97     .page-header.type5.header-newskin .minicart-wrapper { 97     .page-header.type5.header-newskin .minicart-wrapper {
98         margin: 0; 98         margin: 0;
99         float: right; 99         float: right;
100         padding: 10px 0; 100         padding: 10px 0;
101     } 101     }
102     .page-header.type5.header-newskin.sticky-header .minicart-wrapper {padding: 0;} 102     .page-header.type5.header-newskin.sticky-header .minicart-wrapper {padding: 0;}
103     .page-header.type5.header-newskin .minicart-wrapper .action.showcart:before, .page-header.type5.header-newskin .minicart-wrapper .action.showcart.active:before {font-size: 25px;} 103     .page-header.type5.header-newskin .minicart-wrapper .action.showcart:before, .page-header.type5.header-newskin .minicart-wrapper .action.showcart.active:before {font-size: 25px;}
104     .page-header.type5.header-newskin .minicart-wrapper .action.showcart .counter.qty {background-color: #d33e75;font-family: 'Open Sans';top:16px;right:20px;width: 13px;height:13px;line-height: 13px;font-size: 9px;} 104     .page-header.type5.header-newskin .minicart-wrapper .action.showcart .counter.qty {background-color: #d33e75;font-family: 'Open Sans';top:16px;right:20px;width: 13px;height:13px;line-height: 13px;font-size: 9px;}
105     .page-header.type5.header-newskin .minicart-wrapper .block-minicart {right: -12px;} 105     .page-header.type5.header-newskin .minicart-wrapper .block-minicart {right: -12px;}
106     .page-header.type5.header-newskin .search-area { 106     .page-header.type5.header-newskin .search-area {
107         position: relative; 107         position: relative;
108         margin: 0 35px; 108         margin: 0 35px;
109         display: block; 109         display: block;
110         float: right; 110         float: right;
111         top: 0; 111         top: 0;
112         left: 0; 112         left: 0;
113         height: 50px; 113         height: 50px;
114         z-index: 2; 114         z-index: 2;
115     } 115     }
116     .page-header.type5.header-newskin .search-area>a { 116     .page-header.type5.header-newskin .search-area>a {
117         color: #3b404c; 117         color: #3b404c;
118         line-height: 52px; 118         line-height: 52px;
119         display: block; 119         display: block;
120         width: 25px; 120         width: 25px;
121         text-align: center; 121         text-align: center;
122         font-size: 22px; 122         font-size: 22px;
123     } 123     }
124     .page-header.type5.header-newskin .search-area>a .porto-icon-search:before {content:'\e884';} 124     .page-header.type5.header-newskin .search-area>a .porto-icon-search:before {content:'\e884';}
125     .page-header.type5.header-newskin .block-search { 125     .page-header.type5.header-newskin .block-search {
126         display: none; 126         display: none;
127         position: absolute; 127         position: absolute;
128         right: -20px; 128         right: -20px;
129         top: 100%; 129         top: 100%;
130         margin-top: 0; 130         margin-top: 0;
131     } 131     }
132     .page-header.type5.header-newskin .block-search input { 132     .page-header.type5.header-newskin .block-search input {
133         height: 45px; 133         height: 45px;
134         border: 5px solid #ccc; 134         border: 5px solid #ccc;
135     } 135     }
136     .page-header.type5.header-newskin .block-search .action.search { 136     .page-header.type5.header-newskin .block-search .action.search {
137         right: 5px; 137         right: 5px;
138         height: 45px; 138         height: 45px;
139         border-left: 1px solid #ccc; 139         border-left: 1px solid #ccc;
140         width: 40px; 140         width: 40px;
141     } 141     }
142     .page-header.type5.header-newskin:not(.sticky-header) .nav-sections { 142     .page-header.type5.header-newskin:not(.sticky-header) .nav-sections {
143         pointer-events: none; 143         pointer-events: none;
144     } 144     }
145     .page-header.type5.header-newskin:not(.sticky-header) .navigation { 145     .page-header.type5.header-newskin:not(.sticky-header) .navigation {
146         padding: 5px 0; 146         padding: 5px 0;
147     } 147     }
148     .page-header.type5.header-newskin .navigation>ul { 148     .page-header.type5.header-newskin .navigation>ul {
149         text-align: right; 149         text-align: right;
150     } 150     }
151     .page-header.type5.header-newskin .navigation > ul > li { 151     .page-header.type5.header-newskin .navigation > ul > li {
152         pointer-events: all; 152         pointer-events: all;
153         text-align: left; 153         text-align: left;
154     } 154     }
155     .page-header.type5.header-newskin .navigation .level0 > .level-top { 155     .page-header.type5.header-newskin .navigation .level0 > .level-top {
156         font-size: 14px; 156         font-size: 14px;
157         font-weight: 400; 157         font-weight: 400;
158         letter-spacing: 0.01em; 158         letter-spacing: 0.01em;
159     } 159     }
160     .page-header.type5.header-newskin.sticky-header .navigation>ul {text-align: left;} 160     .page-header.type5.header-newskin.sticky-header .navigation>ul {text-align: left;}
161 } 161 }
162 @media (max-width: 991px) { 162 @media (max-width: 991px) {
163     .page-header.type5.header-newskin .custom-block { 163     .page-header.type5.header-newskin .custom-block {
164         display: none; 164         display: none;
165     } 165     }
166     .page-header.type5.header-newskin .search-area { 166     .page-header.type5.header-newskin .search-area {
167         margin: 0 25px 0 0; 167         margin: 0 25px 0 0;
168     } 168     }
169 } 169 }
170 @media (max-width: 991px) and (min-width: 768px) { 170 @media (max-width: 991px) and (min-width: 768px) {
171     .page-header.type5.header-newskin .navigation .level0 > .level-top { 171     .page-header.type5.header-newskin .navigation .level0 > .level-top {
172         padding-left: 10px; 172         padding-left: 10px;
173         padding-right: 10px; 173         padding-right: 10px;
174     } 174     }
175 } 175 }
176 @media (max-width: 767px) { 176 @media (max-width: 767px) {
177     .page-header.type5.header-newskin .custom-block { 177     .page-header.type5.header-newskin .custom-block {
178         display: none; 178         display: none;
179     } 179     }
180     .page-header.type5.header-newskin .minicart-wrapper { 180     .page-header.type5.header-newskin .minicart-wrapper {
181         position: relative; 181         position: relative;
182         top: auto; 182         top: auto;
183         right: auto; 183         right: auto;
184         left: auto; 184         left: auto;
185         margin: 8px 0 12px; 185         margin: 8px 0 12px;
186         float: right; 186         float: right;
187     } 187     }
188     .page-header.type5.header-newskin .top-links-area {display: none;} 188     .page-header.type5.header-newskin .top-links-area {display: none;}
189     .page-header.type5.header-newskin .search-toggle-icon { 189     .page-header.type5.header-newskin .search-toggle-icon {
190         display: none; 190         display: none;
191     } 191     }
192     .page-header.type5.header-newskin .block-search .label { 192     .page-header.type5.header-newskin .block-search .label {
193         float: right; 193         float: right;
194         margin-right: 15px; 194         margin-right: 15px;
195         margin-top: 17px; 195         margin-top: 17px;
196     } 196     }
197     .page-header.type5.header-newskin .logo { 197     .page-header.type5.header-newskin .logo {
198         height: 40px; 198         height: 40px;
199         float: left; 199         float: left;
200         margin: 10px 0; 200         margin: 10px 0;
201     } 201     }
202     .page-header.type5.header-newskin .logo img { 202     .page-header.type5.header-newskin .logo img {
203         max-width: 100%; 203         max-width: 100%;
204         max-height: 100%; 204         max-height: 100%;
205         width: auto; 205         width: auto;
206     } 206     }
207     .page-header.type5.header-newskin .nav-toggle { 207     .page-header.type5.header-newskin .nav-toggle {
208         float: right; 208         float: right;
209     } 209     }
210     .page-header.type5.header-newskin .block-search .label:before, .page-header.type5.header-newskin .nav-toggle:before { 210     .page-header.type5.header-newskin .block-search .label:before, .page-header.type5.header-newskin .nav-toggle:before {
211         font-size: 18px; 211         font-size: 18px;
212     } 212     }
213 } 213 }
214 .page-header.type5.header-newskin.sticky-header .minicart-wrapper .action.showcart.active:before { 214 .page-header.type5.header-newskin.sticky-header .minicart-wrapper .action.showcart.active:before {
215     margin-top: -2px; 215     margin-top: -2px;
216 } 216 }
217 .page-header.type5 .search-category select { 217 .page-header.type5 .search-category select {
218     border: 0; 218     border: 0;
219     border-left: 1px solid #ccc; 219     border-left: 1px solid #ccc;
220     border-left-color: rgba(204,204,204,0.5); 220     border-left-color: rgba(204,204,204,0.5);
221 } 221 }
222 @media (max-width: 991px) and (min-width: 768px) { 222 @media (max-width: 991px) and (min-width: 768px) {
223     .page-header.type5.header-newskin .panel.header .switcher { 223     .page-header.type5.header-newskin .panel.header .switcher {
224         padding-right: 10px; 224         padding-right: 10px;
225     } 225     }
226     .page-header.type5.header-newskin .panel.header .top-links-area ul li > span { 226     .page-header.type5.header-newskin .panel.header .top-links-area ul li > span {
227         padding-left: 0; 227         padding-left: 0;
228     } 228     }
229 } 229 }